{% extends '::base.html.twig' %} 
{% block module_name %}Compras{% endblock %}
{% block title %}Compras :: Descargar{% endblock %}

{% block body %}
<h2>Compras :: Descargar</h2>
<div class="widget_inside records_list">
    <div class="form">
        <form action="{{ path('compras_confirmardescarga') }}" method="post" id="formID" class="formClass">
            <div class="clearfix">
                <label>Proveedor</label>
                <div class="input">
                    <input type="hidden" name="idCompra" value="{{entity.id}}" />
                    <input type="text" value="{{ entity.Proveedor.nombre }}" readonly />
                </div>
            </div>
            <div class="widget_inside">
                <table id="items-compras" class="regular">
                    <thead>
                        <tr>
                            <th></th>
                            <th>Articulo</th>
                            <th>Cantidad</th>
                            <th>Bodega</th>
                            <th>Proveedor</th>
                            <th>Fecha de Llegada</th>
                            <th>Fecha de Vencimiento</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for item in entity.ItemsCompras %}
                        <tr id="{{ item.id }}" data-owned="1">
                            <td>
                                <input type="checkbox" name="items[{{loop.index0}}][check]" class="checkbox" id="{{loop.index0}}" />
                                <input type="hidden" name="items[{{loop.index0}}][idItemCompra]" value="{{item.id}}" />
                            </td>
                            <td>{{ item.articulo }}<input type="hidden" name="items[{{loop.index0}}][articulo]" value="{{item.articulo.id}}" /></td>
                            <td><input type="text" name="items[{{loop.index0}}][cantidad]" class="cantidad validate[required,custom[number]]" id="cantidad_{{loop.index}}" value="{{item.cantidad}}" /><label>{{item.articulo.tipounidad.nombre}}</label></td>
                            <td>
                                <select name="items[{{loop.index0}}][bodega]">
                                    {%for bodega in bodegas%}
                                        <option value="{{bodega.id}}">{{bodega.nombre}}</option>
                                    {%endfor%}
                                </select>
                            </td>
                            <td>{{ item.compra.proveedor.nombre }}</td>
                            <td><input type="text" name="items[{{loop.index0}}][fecha]" class="fecha validate[required]" id="fecha_{{loop.index}}" /></td>
                            <td><input type="text" name="items[{{loop.index0}}][fechaVencimiento]" class="fecha" id="fechaVen_{{loop.index}}" /></td>
                        </tr>
                    {%else%}
                        <tr>
                            <td colspan="7" class="center">No hay Articulos Registrados para esta orden</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>  
            </div>
            <div class="clearfix grey-highlight">
                <div class="input no-label">
                    <button type="submit" class="button blue">Guardar</button>
                    <a href="{{ path('compras') }}" class="button">Regresar a la Lista</a>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
$(document).ready(function(){
    $(".formClass").validationEngine('attach');
    $(".formClass").find('#items-compras input[type!="checkbox"], #items-compras  select').attr("disabled", "disabled");
    
    $('.fecha').datetimepicker();
    $('.checkbox').live('click', function(){
        var fila = $(this).parents("tr");
        if (this.checked){
            fila.find('input, select').removeAttr("disabled", "disabled");
        }else{
            fila.find('input[type!="checkbox"], select').attr("disabled", "disabled");
        }
    });
});
</script>
{% endblock %}